<template>
  <el-row>
        <el-col :span="4" ><div >
          <img src="../assets/img/logo.png" style="float: left">
        </div></el-col>
<!--    <el-col :span="4" ><div class="grid-content bg-purple" style="font-size: large">-->
<!--                <img src="../assets/img/logo.png">-->
<!--&lt;!&ndash;      中国石油大学（华东）&ndash;&gt;-->
<!--    </div></el-col>-->
    <el-col :span="18"><div class="grid-content bg-purple-light" style="font-size: medium;color: white ">
      计算机教学平台后台管理系统
    </div></el-col>
    <el-col :span="2"><div class="grid-content bg-purple">
      <el-button type="info" icon=" el-icon-switch-button" circle @click="exit">退出</el-button>
    </div></el-col>
  </el-row>
</template>

<script>
export default {
  name: 'Banner',
  methods: {
    // 退出功能
    exit () {
      // 清除token值
      sessionStorage.removeItem('tk')
      this.$message({
        message: '退出成功！',
        type: 'info'
      })
      this.$router.push('/login')
    }
  }
}
</script>

<style scoped>

</style>
